<div id="hyper-subpage" class="container-fluid">
	<div class="col-12 col-xl-11 col-xxl-10 mb-4">
		<h3 class="page-header text-start"><svg data-src="svg/video_benchmark.svg" width="28" height="28" fill="currentColor" class="svg4hyperhdr"></svg><span data-i18n="main_menu_grabber_benchmark_token"></span></h3>
		<div class="callout callout-info text-start">
			<h4 id="grabber_benchmark_intro" style="font-size:16px"></h4>
		</div>
	</div>	
</div>
<div class="d-flex justify-content-center pt-2 mb-4">
<canvas width="640px" height="320px" id="canvas">
</canvas>
</div>
<div style="text-align:center;" class="w-100 h-100">
	<button id="startBenchmark" type="button" style="width: 320px;" class="btn btn-success"><svg data-src="svg/button_play.svg" fill="currentColor" class="svg4hyperhdr"></svg><span data-i18n="general_btn_start">Start</span></button>
</div>
<hr />
	<div id="log_content" class="ms-2 me-2 ps-2 pe-2" ><div id="logmessages" style="overflow:scroll;max-height:200px"><span style="font-weight: bold; font-size: 17px;" data-i18n="conf_logging_nomessage"></span></div></div>
<hr />
<script>
$.getScript("/js/grabber_benchmark.js");
</script>
